<script setup lang="ts">

import {useTempTypeStore} from "~/stores/tempType";
import {useMediumTypeStore} from "~/stores/mediumType";
import {useUserStore} from "~/stores/user";


const { t } = useI18n();
const tempTypeStore = useTempTypeStore();
const mediumStore = useMediumTypeStore();
const userStore = useUserStore();

function reloadOptions() {
  tempTypeStore.loadData();
  mediumStore.loadData();
  userStore.loadData();
}
</script>

<template>
  <nav flex="~ gap-4" mt-6 justify-center text-xl>
    <button icon-btn :title="t('button.toggle_dark')" @click="toggleDark()">
      <div i="carbon-sun dark:carbon-moon"/>
    </button>
    <button icon-btn :title="t('button.reload_options')" @click="reloadOptions()">
      <div i-carbon-dicom-overlay/>
    </button>
  </nav>
</template>
